<!DOCTYPE html>
<html>
    <head>
        <title>
            实现表格
        </title>
        <link rel="stylesheet" href="css表格.css">
        <style>
            h1,td,th{
                text-align: center;
            }
            tr,th,td{
                border: 1px solid #ed0a83;
                padding: 8PX;
            }
            
        </style>
    </head>
    <body>
        <h1>产品月销量</h1>
       <table class="table">
        <tr>
            <th>
                ID 
            </th>
            <th>
                产品名称
            </th>
            <th>
                销量
            </th>
        </tr>
        <tr>
            <td> 2021090901</td>
            <td>马克杯</td>
            <td>5000</td>
        </tr>
        <tr>
            <td> 2021090901</td>
            <td>啤酒杯</td>
            <td>5200</td>
        </tr>
        <tr>
            <td> 2021090901</td>
            <td>搪瓷杯</td>
            <td>3500</td>
        </tr>
        <tr >
            <td colspan="2"style=" text-align: left;">合计</td>
            <td >13700</td>
        </tr>
       </table>
    </body>
</html>